<script lang="ts" setup>
  import Button from '@sscd/button';
  import Message from '@sscd/message';
  const success = () => {
    Message.success({
      content: () => 'This is a prompt message with custom className and style',
      class: 'custom-class',
      style: { marginTop: '20vh' },
    });
  };
</script>

<template>
  <div class="demo">
    <div class="demo-title">自定义样式</div>
    <div class="demo-content">
      <Button @click="success">Customized style</Button>
    </div>
  </div>
</template>

<style lang="less">
  .custom-class {
    color: red;
  }
</style>
